<template>
  <el-form-item class="operation-container" label-width="0">
    <div class="operation-btns-container">
      <el-button type="primary" @click="$emit('query')" icon="el-icon-search">查询</el-button>
      <el-button v-if="!hideResetButton" type="default" @click="$emit('reset')" icon="el-icon-refresh">重置</el-button>
      <slot></slot>
    </div>
    <!--<el-button v-if="!hideCollapseButton" class="operation-collapse-button" type="text" @click="$emit('update:searchAdvanced', !searchAdvanced)">-->
    <!--  {{ searchAdvanced ? '收起' : '展开' }}-->
    <!--  <i :class="searchAdvanced ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" />-->
    <!--</el-button>-->
  </el-form-item>
</template>

<script>
export default {
  name: 'TrustQueryFilterOperation',

  props: {
    hideCollapseButton: { type: Boolean, default: false },
    hideResetButton: { type: Boolean, default: false },
    searchAdvanced: { type: Boolean, default: false }
  }
}
</script>

<style lang="scss">
.operation-container {
  //width: 183px;
  //margin-left: 20px;
  float: right;
  .operation-btns-container {
    display: flex;
  }

  .el-button + .el-button {
    margin-left: 16px;
  }

  .operation-collapse-button {
    float: right;
  }
}
</style>
